<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>隐藏滚动条但还可以滚动示例</title>
    <style>
        body{
            padding: 100px;
        }
        .outer-container{
            border: 1px solid #999;
        }
        .outer-container,.content {
            width: 200px; height: 200px;
        }
        .outer-container {
            position: relative;
            overflow: hidden;
        }
        .inner-container {
            position: absolute; left: 0;
            overflow-x: hidden;
            overflow-y: scroll;
        }

        /* for Chrome */
        .inner-container::-webkit-scrollbar {
            display: none;
        }
    </style>
</head>
<body>
<h1>隐藏滚动条但还可以滚动示例</h1>
<div class="outer-container">
    <div class="inner-container">
        <div class="content">
            <div>item001</div>
            <div>item002</div>
            <div>item003</div>
            <div>item004</div>
            <div>item005</div>
            <div>item006</div>
            <div>item007</div>
            <div>item008</div>
            <div>item009</div>
            <div>item010</div>
            <div>item011</div>
            <div>item012</div>
            <div>item013</div>
            <div>item014</div>
            <div>item015</div>
            <div>item016</div>
            <div>item017</div>
            <div>item018</div>
            <div>item019</div>
            <div>item020</div>
            <div>item021</div>
            <div>item022</div>
            <div>item023</div>
            <div>item024</div>
            <div>item025</div>
            <div>item026</div>
            <div>item027</div>
            <div>item028</div>
            <div>item029</div>
            <div>item030</div>
            <div>item031</div>
            <div>item032</div>
            <div>item033</div>
            <div>item034</div>
            <div>item035</div>
            <div>item036</div>
            <div>item037</div>
            <div>item038</div>
            <div>item039</div>
            <div>item040</div>
            <div>item041</div>
            <div>item042</div>
            <div>item043</div>
            <div>item044</div>
            <div>item045</div>
            <div>item046</div>
            <div>item047</div>
            <div>item048</div>
            <div>item049</div>
            <div>item050</div>
            <div>item051</div>
            <div>item052</div>
            <div>item053</div>
            <div>item054</div>
            <div>item055</div>
            <div>item056</div>
            <div>item057</div>
            <div>item058</div>
            <div>item059</div>
            <div>item060</div>
            <div>item061</div>
            <div>item062</div>
            <div>item063</div>
            <div>item064</div>
            <div>item065</div>
            <div>item066</div>
            <div>item067</div>
            <div>item068</div>
            <div>item069</div>
            <div>item070</div>
            <div>item071</div>
            <div>item072</div>
            <div>item073</div>
            <div>item074</div>
            <div>item075</div>
            <div>item076</div>
            <div>item077</div>
            <div>item078</div>
            <div>item079</div>
            <div>item080</div>
            <div>item081</div>
            <div>item082</div>
            <div>item083</div>
            <div>item084</div>
            <div>item085</div>
            <div>item086</div>
            <div>item087</div>
            <div>item088</div>
            <div>item089</div>
            <div>item090</div>
            <div>item091</div>
            <div>item092</div>
            <div>item093</div>
            <div>item094</div>
            <div>item095</div>
            <div>item096</div>
            <div>item097</div>
            <div>item098</div>
            <div>item099</div>
            <div>item100</div>
        </div>
    </div>
</div>

</body>
</html>